<script>
// import navbarHeight from '/utils/navbarHeight.js'
export default {
	// globalData: {
	// 	navbarHeight: navbarHeight(),
	// },
	globalData: {
		statusBarHeight: 0, // 状态导航栏高度
		navHeight: 0, // 总体高度
		navigationBarHeight: 0, // 导航栏高度(标题栏高度)
		tabbarHeight: 0, //底部tabbar高度
		bottom: 0 //安全区域高度,
	},
	onLaunch: function () {
		// 安全区域
		let winConfig = uni.getSystemInfoSync();
		let data = uni.getSystemInfoSync().safeArea;
		// #ifndef H5
		this.globalData.bottom = winConfig.screenHeight - data.bottom;
		// #endif

		//tabbar高度
		// #ifdef APP || MP-WEIXIN
		// 安全区域+ tabbar高度50
		this.globalData.tabbarHeight = this.globalData.bottom + 60;
		// #endif
		// #ifdef H5
		this.globalData.tabbarHeight = 60;
		// #endif
		// #ifdef APP
		// 导航栏高度等于状态栏高度
		this.globalData.navHeight = uni.getSystemInfoSync().statusBarHeight;
		// #endif

		// 状态栏高度
		this.globalData.statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
		// #ifdef MP-WEIXIN
		// 获取微信胶囊的位置信息 width,height,top,right,left,bottom
		const custom = wx.getMenuButtonBoundingClientRect();
		console.log(custom);
		// 导航栏高度(标题栏高度) = 胶囊高度 + (顶部距离 - 状态栏高度) * 2
		this.globalData.navigationBarHeight =
			custom.height + (custom.top - this.globalData.statusBarHeight) * 2;
		console.log('导航栏高度：' + this.globalData.navigationBarHeight);
		// 总体高度 = 状态栏高度 + 导航栏高度
		this.globalData.navHeight =
			this.globalData.navigationBarHeight + this.globalData.statusBarHeight;
		console.log('总体高度：' + this.globalData.navHeight);
		// #endif
	},
	onShow: function () {
		console.log('App Show');
	},
	onHide: function () {
		console.log('App Hide');
	}
};
</script>

<style lang="scss">
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
@import 'uview-plus/index.scss';
@import '/static/style/style.scss';

/* #ifdef H5 */
@media screen and (min-width: 992px) {
	/* 在这里添加你的样式 */
	body {
		max-width: 828rpx; //最大宽度自己可以调整
		margin: auto !important;
	}

	html {
		overflow: hidden;
		background-color: #fff;
		height: 100vh;
		max-width: 828rpx; //最大宽度自己可以调整
		margin: auto !important;
		position: relative;
		// top: 50%;
		// transform: translateY(-50%);
	}

	.uni-tabbar {
		max-width: 828rpx; //最大宽度自己可以调整
		margin: 0 auto;
	}

	.u-transition {
		max-width: 828rpx; //最大宽度自己可以调整
		margin: auto !important;
	}

	.footerFixed {
		max-width: 828rpx; //最大宽度自己可以调整
		left: 50% !important;
		transform: translateX(-50%);
	}
}

/* #endif */

/* #ifdef MP-WEIXIN */
.navHeight_ {
	width: 100%;
	display: flex;
	align-items: flex-end;
}

/* #endif */

page {
	height: 100%;
	overflow: hidden;
	/*  #ifdef  H5  */
	padding-top: 32rpx;
	/* #endif */
}

.content {
	padding: 0 32rpx 32rpx;
	width: 100%;
	/*  #ifdef  APP-PLUS  || MP-WEIXIN */
	height: calc(100% - env(safe-area-inset-bottom) - var(--status-bar-height));
	/* #endif */
	/*  #ifdef  H5  */
	height: calc(100% - var(--window-bottom) - 32rpx);
	/* #endif */
	box-sizing: border-box;
	position: relative;
	overflow: scroll;
}

.content::-webkit-scrollbar {
	/* ::-webkit-scrollbar webkit的伪元素，滚动条 
			伪元素只能有一个，不能多个同时出现，且只能放在最后面	
			两个冒号是css3的样式，主要与伪类区分。
		*/
	width: 0;
	height: 0;
	background-color: transparent;
}

::-webkit-scrollbar {
	display: none !important;
	width: 0;
	height: 0;
	color: transparent;
}

.u-sticky {
	top: 0 !important;
}

.model_content {
	font-weight: 400;
	font-size: 26rpx;
	color: #000000;
	line-height: 36rpx;
	text-align: center;
}
</style>
